import { computed } from "vue";
import "@/views/error/error.scss";
import { getAssetsFile } from "../../utils/pub-use";
const errorDom = () => {
  return (
    <div class="wscn-http404-container">
      <div class="wscn-http404">
        <div class="pic-404">
          <img
            class="pic-404__parent"
            src={getAssetsFile("404.png")}
            alt="404"
          />
          <img
            class="pic-404__child left"
            src={getAssetsFile("404_cloud.png")}
            alt="404"
          />
          <img
            class="pic-404__child mid"
            src={getAssetsFile("404_cloud.png")}
            alt="404"
          />
          <img
            class="pic-404__child right"
            src={getAssetsFile("404_cloud.png")}
            alt="404"
          />
        </div>
        <div class="bullshit">
          <div class="bullshit__oops">OOPS!</div>
          <div class="bullshit__info">
            All rights reserved
            <a
              style="color:#20a0ff"
              href="https://wallstreetcn.com"
              target="_blank"
            >
              wallstreetcn
            </a>
          </div>
          <div class="bullshit__headline">{message}</div>
          <div class="bullshit__info">
            Please check that the URL you entered is correct, or click the
            button below to return to the homepage.
          </div>
          <a href={goBack} class="bullshit__return-home">
            Back to home
          </a>
        </div>
      </div>
    </div>
  );
};
// 返回登录页面  清空所有的本地缓存
const goBack = window.location.origin + "/";
const message = computed(() => {
  return "The webmaster said that you can not enter this page...";
});
export default errorDom;
